*{
    padding: 0;
    margin: 0;
    font-family: Arial;
}

.navi{
    float: left;
}

.navi::after{
    content: '';
    display:block;
    clear: both;
}

.nav{
    margin:0 20px ;
    float: left;
    list-style: none;
    height: 20px;
    line-height: 20px;          
}

a{
    float: left;
    text-decoration: none;
    font-weight: bold;
    color:#f40 ;
    padding: 5px;
    display: block;
}

a:hover{
    color: #fff;
    background-color: #f40;
    border-radius: 15px;
}